<style>
.buttons{margin:20px 12px 12px;text-align:center;}
.buttons img{margin:0 5px 0 0;}
.mark{padding:23px 0 0 0px;overflow:hidden;zoom:1;}
#mark0, #mark1{width:189px;height:48px;background:url(<{$website}>/model/digg/img/mark.gif) no-repeat -189px 0;border:0px none;cursor:pointer;position:relative;margin:0;padding:0;overflow:hidden;float:left}
#mark1{background-position:-378px 0;margin-left:10px;}
.markbar{position:absolute;left:9px;top:32px;width:55px;height:5px;border:1px solid #40a300;background-color:#fff;overflow:hidden;text-align:left;}
#mark1 .bar{border-color:#555;}
.markbar div{background:url(<{$website}>/model/digg/img/sprites.gif) repeat-x 0 -265px;height:5px;overflow:hidden}
#mark1 .markbar div{background-position:0 -270px;}
#barnum1, #barnum2{position:absolute;top:30px;left:70px;font:400 10px/12px arial;color:#333;}
</style>
<script language="javascript" src="<{$website}>/model/digg/digg.js"></script>
<script type="text/javascript">
var url = '<{$website}>'+'/model/digg/';
</script>
		<div class="mark">
			<div id="mark0" onmouseover="this.style.backgroundPosition='0 0'" onmouseout="this.style.backgroundPosition='-189px 0'" onfocus="this.blur()" onClick="sEval(<{$a.s_id}>,1)">
				<div class="markbar"><div id="eimg1" style="width:<{$up_width}>px"></div></div>
				<span id="barnum1"><span id="sp1"><{$up_percent}>%</span> (<span id="s1"><{$up}></span>)</span>
			</div>
			<div id="mark1" onmouseover="this.style.backgroundPosition='-567px 0'" onmouseout="this.style.backgroundPosition='-378px 0'" onfocus="this.blur()" onclick="sEval(<{$a.s_id}>,2)">
				<div class="markbar"><div id="eimg2" style="width:<{$down_width}>px"></div></div>
				<span id="barnum2"><span id="sp2"><{$down_percent}>%</span> (<span id="s2"><{$down}></span>)</span>
			</div>
		</div>
